/* 代码块 */
@import 'highlight.js/styles/default.css';

/* 1. 基础样式 */
body {
  margin: 0 !important;
  color: var(--thisText);
  transition: color 1s, background-color 1s;
  font-size: 12px;
}

/* 2. 主题变量 */
:root {
  /* 主题颜色 */
  --primary-color: #409eff;
  --secondary-color: #79bbff;
  --accent-color: #337ecc;

  /* 文本颜色 */
  --text-primary: #303133;
  --text-secondary: #606266;
  --text-tertiary: #909399;

  /* 背景颜色 */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f7fa;
  --bg-tertiary: #ebeef5;

  /* 边框颜色 */
  --border-color: #dcdfe6;

  /* 状态颜色 */
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;

  /* 特定主题变量 */
  --thisText: #303133;
  --thisBackground: #ffffff;
  --thisBackgroundRGB: 255, 255, 255;
  --thisHoverColor: #f5f7fa;
  --thisBackgroundTransparent: rgba(255, 255, 255, 0.7);
  --thisTextTransparent: rgba(48, 49, 51, 0.2);
  --hoverBg: rgba(0, 0, 0, 0.1);
  --thisTheme: #ffffffbb;
  --thisHover: #ffffffe5;
  --thisShadow: rgba(0, 0, 0, 0.1);

  /* 窗口相关颜色 */
  --window-background: rgba(255, 255, 255, 0.7);
  --top-bar-background: rgba(255, 255, 255, 0.9);
  --active-item-background: rgba(0, 0, 0, 0.05);
  --item-background: rgba(255, 255, 255, 0.7);
  --progress-background: rgba(0, 0, 0, 0.1);
  --search-background: rgba(255, 255, 255, 0.9);
  
  --content-background: rgba(255, 255, 255, 0.5);
  --item-hover-background: rgba(0, 0, 0, 0.1);
  --progress-fill: #409eff;

  /* 滚动条颜色 */
  --scrollbar-thumb: rgba(0, 0, 0, 0.2);
  --scrollbar-track: rgba(0, 0, 0, 0.1);

  /* AI 助手样式 - 浅色主题 */
  --ai-assistant-bg: rgba(255, 255, 255, 0.8);
  --ai-assistant-header-bg: rgba(245, 245, 245, 0.9);
  --ai-assistant-header-text: #303133;
  --ai-assistant-messages-bg: rgba(245, 245, 245, 0.7);
  --ai-assistant-input-bg: rgba(255, 255, 255, 0.9);
  --ai-assistant-input-text: #303133;
  --ai-assistant-button-gradient: linear-gradient(120deg, #e0c3fc, #8ec5fc);
  --ai-assistant-button-text: #303133;
  --ai-assistant-text: #303133;
  --user-message-text: #ffffff;
  --ai-message-text: #303133;
  --user-message-bg: #409eff;
  --ai-message-bg: #f4f4f5;

  /* 设置相关颜色 */
  --settings-title: #303133;
  --settings-group-title: #606266;
  --settings-border: #dcdfe6;
  --settings-input-bg: #f5f7fa;
  --settings-input-text: #606266;
  --theme-button-bg: #f5f7fa;
  --theme-button-text: #606266;
  --theme-button-active-bg: #409eff;
  --theme-button-active-text: #ffffff;
}

/* 3. 深色主题 */
.theme-d {
  --thisBackgroundRGB: 30, 30, 30;
  --thisText: #ffffff;
  --thisBackground: #1e1e1e;
  --thisHoverColor: #2c2c2c;
  --thisBackgroundTransparent: rgba(30, 30, 30, 0.7);
  --thisTextTransparent: rgba(255, 255, 255, 0.2);
  --hoverBg: rgba(255, 255, 255, 0.1);
  
  /* 特定主题变量 */
  --thisTheme: #252525bb;
  --thisHover: #202020e5;
  --thisShadow: rgba(26, 26, 26, 0.5);

  /* 窗口相关颜色 */
  --window-background: rgba(0, 0, 0, 0.2);
  --top-bar-background: rgba(0, 0, 0, 0.15);
  --active-item-background: rgba(255, 255, 255, 0.08);
  --item-background: rgba(255, 255, 255, 0.3);
  --progress-background: rgba(255, 255, 255, 0.2);
  --search-background: rgba(0, 0, 0, 0.15);
  --border-color: rgba(255, 255, 255, 0.1);
  
  --content-background: rgba(0, 0, 0, 0.1);
  --item-hover-background: rgba(255, 255, 255, 0.5);
  --progress-fill: #4d96ff;

  /* 滚动条颜色 */
  --scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --scrollbar-track: rgba(0, 0, 0, 0.1);

  /* AI 助手样式 - 深色主题 */
  --ai-assistant-bg: rgba(30, 30, 30, 0.7);
  --ai-assistant-header-bg: rgba(40, 40, 40, 0.8);
  --ai-assistant-header-text: #ffffff;
  --ai-assistant-messages-bg: rgba(40, 40, 40, 0.5);
  --ai-assistant-input-bg: rgba(50, 50, 50, 0.8);
  --ai-assistant-input-text: #ffffff;
  --ai-assistant-button-gradient: linear-gradient(120deg, #6a4c93, #2c7da0);
  --ai-assistant-button-text: #ffffff;
  --ai-assistant-text: #ffffff;
  --user-message-text: #ffffff;
  --ai-message-text: #e0e0e0;
  --user-message-bg: #1e3a5f;
  --ai-message-bg: #2c2c2c;

  /* 设置相关颜色 */
  --settings-title: #ffffff;
  --settings-group-title: #e0e0e0;
  --settings-border: #4a4a4a;
  --settings-input-bg: #2c2c2c;
  --settings-input-text: #e0e0e0;
  --theme-button-bg: #2c2c2c;
  --theme-button-text: #e0e0e0;
  --theme-button-active-bg: #4d96ff;
  --theme-button-active-text: #ffffff;
}

/* 4. 媒体查询 - 系统深色模式 */
@media (prefers-color-scheme: dark) {
  :root {
    --thisBackgroundRGB: 30, 30, 30;
    --thisText: #ffffff;
    --thisBackground: #1e1e1e;
    --thisHoverColor: #2c2c2c;
    --thisBackgroundTransparent: rgba(30, 30, 30, 0.7);
    --thisTextTransparent: rgba(255, 255, 255, 0.2);
  }
}

/* 添加新的渐变色变量 */
:root {
  --thisGradient: linear-gradient(135deg, #4CAF50, #2196F3);
}

/* 为暗色主题添加不同的渐变色 */
@media (prefers-color-scheme: dark) {
  :root {
    --thisGradient: linear-gradient(135deg, #2196F3, #9C27B0);
  }
}
